<!DOCTYPE html>
<html lang="zh-CN">

<head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
   <meta name="google-site-verification" content="hdCBAhjWQf5aChPnRjVWBaEDarOT-IsTTPNlYtIa1hw" />
   <title>轩寓- 页面未找到</title>
   <meta name="description" content="Vroomo租车服务 - 页面未找到" />
   <link rel="stylesheet" href="css/bootstrap.min.css" />
   <link rel="stylesheet" href="css/swiper-bundle.min.css" />
   <link rel="stylesheet" href="css/style.css" />
   <link rel="stylesheet" href="jsdelivr/animatecss/3.5.2/animate.min.css" />
   <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css" />
   <link rel="icon" href="images/fav.png" type="image/x-icon" />
</head>

<body>
   
   <header class="inner-header-wrappper">
      <!--菜单-->
      <nav class="navbar navbar-expand-lg navbar-light">
         <div class="container-fluid">
            <div class="left-navbar">
               <!-- 品牌标志 -->
               <a class="navbar-brand bg-topbar-items" href="index.html">
                  <img alt="轩寓标志" src="images/logo.png" />
               </a>
               <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                  data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                  aria-label="切换导航">
                  <span class="navbar-toggler-icon"></span>
               </button>
               <div class="collapse navbar-collapse bg-topbar-items" id="navbarSupportedContent">
                  <div class="close-menu" style="display: none">
                     <img alt="关闭菜单" src="images/close.png" />
                  </div>
                  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                     <li class="nav-item dropdown">
                        <a href="javascript:;" class="nav-link dropdown-toggle" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">首页<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                           <li><a href="index.html">首页</a></li>
                           <!-- <li><a href="home2.html">首页 2</a></li>
                           <li><a href="home3.html">首页 3</a></li>  -->
                        </ul>
                     </li>
                     <li class="nav-item ">
                        <a class="nav-link" href="about.html">关于我们</a>
                     </li>
                     <li class="nav-item dropdown">
                        <a href="javascript:;" class="nav-link dropdown-toggle" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">服务<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                           <li><a href="car-listing.html">车辆列表</a></li>
                           <!-- <li><a href="car-listing2.html">车辆列表 2</a></li>
                           <li><a href="car-listing3.html">车辆列表 3</a></li>  -->
                           <li><a href="car-details.html">车辆详情</a></li> 
                           <!-- <li><a href="car-details2.html">车辆详情 2</a></li>  -->
                           <li><a href="reservation.html">预订</a></li> 
                        </ul>
                     </li> 
                     <!-- <li class="nav-item dropdown">
                        <a href="javascript:;" class="nav-link dropdown-toggle" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">博客<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                           <li><a href="blog.html">博客</a></li>
                           <li><a href="blog-details.html">博客详情</a></li> 
                        </ul>
                     </li>  -->
 
                     <li class="nav-item dropdown">
                        <a href="javascript:;" class="nav-link dropdown-toggle active" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">页面<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                           <li><a href="contacts.html">联系我们</a></li>
                           <li><a href="team.html">我们的团队</a></li>
                           <li><a href="rental-history.html">租赁历史</a></li>
                           <li><a href="faq.html">帮助中心</a></li> 
                           <li class="active"><a href="error.html">404</a></li> 
                        </ul>
                     </li> 
                  </ul>
               </div>

               <div class="searchbar bg-topbar-items">
                  <div class="custom-form">
                     <div class="input-group">
                        <div class="input-group-text"><img alt="搜索图标" src="images/search-icon.png">
                        </div>
                        <input type="text" class="form-control" id="inlineFormInputGroupUsername" placeholder="搜索">
                     </div>
                  </div>
               </div>
               <div>
                  <a href="" class="btn main-btn button-primary" data-bs-toggle="modal" data-bs-target="#signIn">登录</a>
               </div>

            </div>
         </div>
      </nav> 
   </header>

   <div class="error-main-wrapper">
        <div class="maxWidth">
            <div class="error-panel">
                <h2>抱歉，页面未找到</h2>
                <p>
                    您访问的页面可能已被移动、删除，或者您输入的网址有误。
                </p>
                <a href="index.html" class="btn main-btn button-primary">返回首页</a>
                <h4>404</h4>
            </div>
        </div>
   </div>
 
 
 <!-- 登录模态框 -->
 <div class="modal fade login-popup" id="signIn" tabindex="-1" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content"> 
       <div class="modal-body">
         <div class="login-wrapper wow fadeIn">
            <div class="maxWidth">
                <div class="login-panel">
    
                    <h5 class="welcome">欢迎回来！</h5>
                    <h2 class="main-heading-small">登录以访问独家功能并简化您的租车体验。</h2>
                    <ul class="policies">
                        <li>保存您的详细信息以便快速轻松预订；</li>
                        <li>随时查看、修改或取消预订；</li>
                        <li>轻松收藏您喜爱的汽车和地点；</li>
                        <li>根据您的租车历史获取汽车推荐。</li>
                    </ul>
                    <div class="custom-form">
                        <form class="row g-4">
    
                            <div class="col-6 col-sm-6">
                                <button class="btn main-btn button-primary-outline btn-lg w-100 justify-content-center"> 
                                    <img alt="Google" src="images/logo-google.png"> Google
                                </button> 
                            </div>
                            <div class="col-6 col-sm-6"> 
                                <button class="btn main-btn button-primary-outline btn-lg w-100 justify-content-center"> 
                                    <img alt="Apple" src="images/logo-apple.png"> Apple 
                                </button>
                            </div>
                            <div class="col-md-12"> 
                                <p class="signin-with"><span>或</span></p> 
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">电子邮箱<span class="astric">*</span></label>
                                
                                <div class="input-group">
                                    <div class="input-group-text"><i class="bi bi-envelope"></i></div>
                                    <input type="text" class="form-control" placeholder="请输入您的邮箱">
                                 </div>
                            </div> 
                            <div class="col-md-12">
                                <label class="form-label">密码<span class="astric">*</span></label>
                                
                                <div class="input-group">
                                    <div class="input-group-text"><i class="bi bi-lock"></i></div>
                                    <input type="text" class="form-control" placeholder="请输入您的密码">
                                 </div>
                            </div> 
                            <div class="col-md-12">
                                <button class="btn main-btn button-primary btn-lg w-100 justify-content-center">登
                                    录</button>
                            </div>
                            <div class="col-md-12">
                                <a href="javascript:;" class="readmore dark">忘记密码？</a>
                            </div>
    
                            <div class="col-md-12">
                                <div class="dou-have-acount">
                                    <span>还没有账号？您可以<a href="javascript:;" class="readmore dark">点击这里</a>创建一个</span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
       </div> 
     </div>
   </div>
 </div>
   <script src="js/bootstrap.min.js"></script>
   <script src="js/swiper-bundle.min.js"></script>
   <script src="js/jquery-2.2.0.min.js"></script>
   <script src="js/custom.js"></script> 

</body>

</html>